<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML >
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>头条</title>>
		<title></title>
		<link rel="stylesheet" type="text/css" href="myone/result.css"/>
		<link rel="stylesheet" type="text/css" href="css/result.css"/>
		<link rel="stylesheet" type="text/css" href="css/user.css"/>
		<link rel="stylesheet" type="text/css" href="css/style/home.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="black_top theme_div_color">
			
			<ul class="float_left">
				<li><a href="#">推荐</a></li>
				<li><a href="#">热点</a></li>
				<li><a href="#">视频</a></li>
				<li><a href="#">图片</a></li>
				<li><a href="#">段子</a></li>
				<li><a href="#">社会</a></li>
				<li><a href="#">娱乐</a></li>
				<li><a href="#">科技</a></li>
				<li><a href="#">体育</a></li>
				<li><a href="#">汽车</a></li>
				<li><a href="#">财经</a></li>
				<li><a href="#">搞笑</a></li>
				<li><a href="#">财经</a></li>
				<li><a href="#">更多</a></li>
			</ul>
			
			<ul class="float_right">
				<li class="bg_color_3a"><a href="#">发布</a></li>
				<li class="circle_img_20"><a href="#">
					<img src="img/upload/user/toux.jpg"/>
					头条号
				</a></li>
				<li><a href="#">反馈</a></li>
				<li><a href="#">侵权投诉</a></li>
				<li class="no_right_border"><a href="#">头条产品</a></li>
			</ul>
			<div class="clear_float">
			</div>
		</div>
		
		<div class="user_top_logo theme_bgcolor_white">
			
			<div class="theme_center_div">
				<div class="logo_div float_left">
					<a href="#"><img src="img/log/logo_plain_text.png"/></a>
				</div>
				<div class="track margin_left_15 float_left margin_top_5">
					<ul>
						<li><a href="#">首页</a></li><li>/</li>
						<li><a href="#">娱乐</a></li><li>/</li>
						<li class="status"><a href="#">正文</a></li>
					</ul>
				</div>
				
				<div class="search border_E8 right_div_color float_right">
					<form action="#" method="post">
						<input type="text" name="search" class="search_input right_div_color" placeholder="大家都在搜"/>
						
						<input type="submit" class="search_btn right_div_color" value=""/>
					</form>
				</div>
				<div class="clear_float">
					
			</div>
			</div>
			<div class="clear_float">
					
			</div>
		</div>
		
		<!--
        	作者：452685609@qq.com
        	时间：2017-07-17
        	描述：下面整体
        -->
		
		<div class="theme_center_div margin_top_40">
			<div class="left_nav float_left">
				<ul>
					<li class="border_bottom_E8"><a href="#"><img src="img/ico/icon_comment.png"/>10</a></li>
					<li><a href="#"><img src="img/ico/icon_weibo.png"/>微博</a></li>
					<li><a href="#"><img src="img/ico/icon_QQzone.png"/>QZone</a></li>
					<li><a href="#"><img src="img/ico/icon_weixin.png"/>微信</a></li>
				</ul>
			</div>
			
			<div class="center_content float_left margin_left_30">
				
				<div class="article_div">
					<div class="article_id_title">
						青春，被我们演绎得如此狗血。
					</div>
					<div class="detail">
						<ul name="newsTitle">
						<li><a href="#">用户名</a></li>
						<li>10分钟前</li>
					</ul>
					<div class="clear_float">
						
					</div>
					</div>
					
					
					<div class="article_text margin_top_10 border_1_green">
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
						<p>正文</p>
					</div>
					
					<div class="center_content margin_top_10">
						<div class="tag float_left">
							<ul>
								<li><img src="img/ico/icon_tag.png"/></li>
								<li><a href="#">标签</a></li><li>/</li>
								<li><a href="#">标签</a></li><li>/</li>
								<li><a href="#">标签</a></li><li>/</li>
								<li><a href="#">标签</a></li><li>/</li>
							</ul>
							<div class="clear_float">
								
							</div>
						</div>
						<div class="collect float_right">
							<a href="#">
							<img src="img/ico/icon_collet.png"/> 
							收藏&nbsp;&nbsp;&nbsp;
							</a>
							<a href="#">
							<img src="img/ico/icon_inform.png"/> 
							举报
							</a>
						</div>
						<div class="clear_float">
							
						</div>
					</div>
					
					<div class="center_content margin_top_10">
						<h3><span class="font_red">&nbsp;2&nbsp;</span>条评论</h3>
						<div class="margin_top_20">
							<div class="circle_img_40 float_left margin_both_15">
								<a href="#"><img src="img/upload/user/toux.jpg"/></a>
							</div>
							
							<div class="comment_div float_left border_1_3f404c">
								<form action="" method="post">
									<textarea name="comment" class="comment_textarea" placeholder="请写下您的评论..."></textarea>
									<div class="comment_submit_div">
										<input type="submit" value="评论"/>
									</div>
									<div class="clear_float">				
									</div>
								</form>
							</div>
							
							
							<div class="clear_float">
								
							</div>
						</div>
						
					</div>
				</div>
				
				<!--
                	作者：bai
                	时间：2017-07-17
                	描述：评论内容。
                -->
				
				<div class="center_content margin_top_20">
					<div class="unit padding_top_down_20 border_top_E8">
						<div class="circle_img_40 float_left margin_both_15">
							<a href="#"><img src="img/ico/icon_toux2.png"/></a>
						</div>
						<div class="comment_div float_left font_size_14">
							<div class="comment_div">
								<p class="color_777"><a href="#">用户名</a> 1分钟前</p>
							</div>
							<div class="comment_div">
								<p>我是评论内容。</p>
							</div>
							<div class="comment_div">
								<div class="float_left">
									<p class="color_777"><a href="#">回复</a></p>
								</div>
								<div class="collect float_right">
									<a href="#" class="color_777">5678</a>
									<a href="#"><img src="img/ico/icon_praise.png"/></a>
									<a href="#"><img src="img/ico/icon_inform.png"/><a href="#">
								</div>
								<div class="clear_float">
									
								</div>
							</div>
						</div>
						<div class="clear_float">
						</div>
					</div>
				</div>
				
				<div class="center_content margin_top_20">
					<div class="unit padding_top_down_20 border_top_E8">
						<div class="circle_img_40 float_left margin_both_15">
							<a href="#"><img src="img/ico/icon_toux2.png"/></a>
						</div>
						<div class="comment_div float_left font_size_14">
							<div class="comment_div">
								<p class="color_777"><a href="#">用户名</a> 1分钟前</p>
							</div>
							<div class="comment_div">
								<p>我是评论内容。</p>
							</div>
							<div class="comment_div">
								<div class="float_left">
									<p class="color_777"><a href="#">回复</a></p>
								</div>
								<div class="collect float_right">
									<a href="#" class="color_777">5678</a>
									<a href="#"><img src="img/ico/icon_praise.png"/></a>
									<a href="#"><img src="img/ico/icon_inform.png"/><a href="#">
								</div>
								<div class="clear_float">
									
								</div>
							</div>
						</div>
						<div class="clear_float">
						</div>
					</div>
				</div>
				
				
				<!--
                	作者：452685609@qq.com
                	时间：2017-07-14
                	描述：正文
                -->
				<div class="content_list border_top_5_3c margin_top_20 padding_top_down_10">
						
					
					<div class="content">
						<dl>
							<dt>
								<a href="#"><img src="img/upload/index/news_list_10.jpg"/></a>
							</dt>
							<dd class="news_title">
								<a href="#">凭借《家有儿女》走红，32岁仍当童星，与妻子合照看着如同母子</a>
							</dd>
							<dd class="news_detail">
								<div class="news_type float_left">
									<a href="#" name="newsType">视频</a>
								</div>
								<ul class="float_left detail" name="newsTitle">
									<li><a href="#"><img src="img/upload/index/head_01.jpg"/></a></li>
									<li><a href="#">喵喵喵</a></li>
									<li>·</li><li><a href="#">233评论</a></li>
									<li>·</li><li>10分钟前</li>
								</ul>
								<div class="close float_right">
									<img src="img/ico/icon_close_gray.png" style="width: 16px;"/>
								</div>
							</dd>
						</dl>
						<div class="clear_float"></div>
					</div>
					
					<div class="content">
						<dl>
							<dt>
								<a href="#"><img src="img/upload/index/news_list_10.jpg"/></a>
							</dt>
							<dd class="news_title">
								<a href="#">凭借《家有儿女》走红，32岁仍当童星</a>
							</dd>
							<dd class="news_detail">
								<div class="news_type float_left">
									<a href="#" name="newsType">视频</a>
								</div>
								<ul class="float_left detail" name="newsTitle">
									<li><a href="#"><img src="img/upload/index/head_01.jpg"/></a></li>
									<li><a href="#">喵喵喵</a></li>
									<li>·</li><li><a href="#">233评论</a></li>
									<li>·</li><li>10分钟前</li>
								</ul>
								<div class="close float_right">
									<img src="img/ico/icon_close_gray.png" style="width: 16px;"/>
								</div>
							</dd>
						</dl>
						<div class="clear_float"></div>
					</div>
					<div class="content">
						<dl>
							<dt>
								<a href="#"><img src="img/upload/index/news_list_10.jpg"/></a>
							</dt>
							<dd class="news_title">
								<a href="#">凭借《家有儿女》走红，32岁仍当童星，与妻子合照看着如同母子</a>
							</dd>
							<dd class="detail">
								<div class="news_type float_left">
									<a href="#" name="newsType">视频</a>
								</div>
								<ul class="float_left detail" name="newsTitle">
									<li><a href="#"><img src="img/upload/index/head_01.jpg"/></a></li>
									<li><a href="#">喵喵喵</a></li>
									<li>·</li><li><a href="#">233评论</a></li>
									<li>·</li><li>10分钟前</li>
								</ul>
								<div class="close float_right">
									<img src="img/ico/icon_close_gray.png" style="width: 16px;"/>
								</div>
							</dd>
						</dl>
						<div class="clear_float"></div>
					</div>
					
					
					
				</div>
				
				
				
				<div class="clear_float">
					
				</div>
				
			</div>
			
			<!--
            	作者：bai
            	时间：2017-07-15
            	描述：右边部分
            -->
			<div class="right_expand  float_right">
				
				<div class="right_theme_div right_theme_div_bgc">
					<div class="right_in_div padding_top_down_10">
						<div class="right_unit border_bottom_E8">
							<div class="circle_img_80 float_left margin_right_20">
								<img src="img/upload/user/toux.jpg"/>
							</div>
							<div class="unit float_left margin_top_10">
								<h3>用户名哟</h3>
								<div class="btn_div">
									+关注
								</div>
							</div>
							
							<div class="clear_float">
								
							</div>
						</div>
						
					</div>
				</div>
				
				<div class="right_theme_div right_theme_div_bgc border_top_2">
					<div class="right_in_div">
						<p class="right_title">24小时热闻</p>
						<div class="right_unit  border_bottom_E8">
							<a href="#" name="hourNews24">
							<div class="hour_24news_picture float_left">
								<img src="img/upload/index/24_hour_news.jpg"/>
							</div>
							<div class="hour_24news_title float_left">
								港媒称辽宁舰回航驶离台湾海峡后 解放军演练出动"轰6"绕台一周
							</div>
							</a>
							<div class="clear_float">
								
							</div>
						</div>
						<div class="right_unit  border_bottom_E8">
							<a href="#" name="hourNews24">
							<div class="hour_24news_picture float_left">
								<img src="img/upload/index/24_hour_news.jpg"/>
							</div>
							<div class="hour_24news_title float_left">
								港媒称辽宁舰回航驶离台湾海峡后 解放军演练出动"轰6"绕台一周
							</div>
							</a>
							<div class="clear_float">
								
							</div>
						</div>
						<div class="right_unit  border_bottom_E8">
							<a href="#" name="hourNews24">
							<div class="hour_24news_picture float_left">
								<img src="img/upload/index/24_hour_news.jpg"/>
							</div>
							<div class="hour_24news_title float_left">
								港媒称辽宁舰回航驶离台湾海峡后 解放军演练出动"轰6"绕台一周
							</div>
							</a>
							<div class="clear_float">
								
							</div>
						</div>
						<div class="right_unit  border_bottom_E8">
							<a href="#" name="hourNews24">
							<div class="hour_24news_picture float_left">
								<img src="img/upload/index/24_hour_news.jpg"/>
							</div>
							<div class="hour_24news_title float_left">
								港媒称辽宁舰回航驶离台湾海峡后 解放军演练出动"轰6"绕台一周
							</div>
							</a>
							<div class="clear_float">
								
							</div>
						</div>
						
						
					</div>
				</div>
				
				<div class="right_theme_div right_theme_div_bgc border_top_2">
					<div class="right_in_div">
						<p class="right_title">热门视频</p>
						<div class="right_unit">
							
							<a href="#" name="hotRadio">
							<div class="hot_radio_title float_left">
								<p>听音乐画场景！当外国人听到葫芦娃，他们会画出什么东西</p>
								<ul class="detail">
									<li><a href="#">233评论</a></li>
									<li>·</li><li>10分钟前</li>
								</ul>
							</div>
							<div class="hot_radio_picture float_left">
								<a href="#" name="hotRadio"><img src="img/upload/index/hot_radio_7.jpg"/></a>
							</div>
							</a>
							
							
							<a href="#" name="hotRadio">
							<div class="hot_radio_title float_left">
								<p>听音乐画场景！当外国人听到葫芦娃，他们会画出什么东西</p>
								<ul class="detail">
									<li><a href="#">233评论</a></li>
									<li>·</li><li>10分钟前</li>
								</ul>
							</div>
							<div class="hot_radio_picture float_left">
								<img src="img/upload/index/hot_radio_1.jpg"/>
							</div>
							</a>
							
							<a href="#" name="hotRadio">
							<div class="hot_radio_title float_left">
								<p>听音乐画场景！当外国人听到葫芦娃，他们会画出什么东西</p>
								<ul class="detail">
									<li><a href="#">233评论</a></li>
									<li>·</li><li>10分钟前</li>
								</ul>
							</div>
							<div class="hot_radio_picture float_left">
								<img src="img/upload/index/hot_radio_2.jpg"/>
							</div>
							</a>
							
							<a href="#" name="hotRadio">
							<div class="hot_radio_title float_left">
								<p>听音乐画场景！当外国人听到葫芦娃，他们会画出什么东西</p>
								<ul class="detail">
									<li><a href="#">233评论</a></li>
									<li>·</li><li>10分钟前</li>
								</ul>
							</div>
							<div class="hot_radio_picture float_left">
								<img src="img/upload/index/hot_radio_3.jpg"/>
							</div>
							</a>
							
							<div class="clear_float">
								
							</div>
						</div>
					</div>
				</div>
				
				
				<div class="right_theme_div right_theme_div_bgc border_top_2">
					<div class="right_in_div">
						<div id="">
							<p class="right_title">精彩图片</p>
						</div>
					</div>	
							<div class="hot_picture_div float_left">
								<a href="#">
								<div class="hot_picture">
									<img src="img/upload/index/hot_picture_01.jpg"/>
								</div>
								<div class="hot_picture_title">
									<p>航班延误，12岁女孩候机厅跪地写作业，“当天的作业</p>
								</div>
								</a>
								
							</div>	
							
							<div class="hot_picture_div float_left">
								<a href="#">
								<div class="hot_picture">
									<img src="img/upload/index/hot_picture_02.jpg"/>
								</div>
								<div class="hot_picture_title">
									<p>四位仁爱天使志愿者：用心服务，用爱暖人（图片集2）</p>
								</div>
								</a>
							</div>
							
							<div class="hot_picture_div float_left">
								<a href="#">
								<div class="hot_picture">
									<img src="img/upload/index/hot_picture_01.jpg"/>
								</div>
								<div class="hot_picture_title">
									<p>航班延误，12岁女孩候机厅跪地写作业，“当天的作业一</p>
								</div>
								</a>
								
							</div>	
							
							
							<div class="hot_picture_div float_left">
								<a href="#">
								<div class="hot_picture">
									<img src="img/upload/index/hot_picture_02.jpg"/>
								</div>
								<div class="hot_picture_title">
									<p>四位仁爱天使志愿者：用心服务，用爱暖人（图片集2）</p>
								</div>
								</a>
							</div>
							
							<div class="hot_picture_div float_left">
								<a href="#">
								<div class="hot_picture">
									<img src="img/upload/index/hot_picture_01.jpg"/>
								</div>
								<div class="hot_picture_title">
									<p>航班延误，12岁女孩候机厅跪地写作业，“当天的作业</p>
								</div>
								</a>
								
							</div>	
							
							<div class="hot_picture_div float_left">
								<a href="#">
								<div class="hot_picture">
									<img src="img/upload/index/hot_picture_02.jpg"/>
								</div>
								<div class="hot_picture_title">
									<p>四位仁爱天使志愿者：用心服务，用爱暖人（图片集2）</p>
								</div>
								</a>
							</div>
							
						
						<div class="clear_float">
								
						</div>
					
				</div>
				
				<div class="right_theme_div right_theme_div_bgc border_top_2">
					<div class="right_in_div">
						<p class="right_title">更多</p>
						
						<ul class="detail">
							<li><a href="#">关于头条</a></li>
							<li><a href="#">加入头条</a></li>
							<li><a href="#">媒体报道</a></li>
							<li><a href="#">媒体合作</a></li>
							<li><a href="#">产品合作</a></li>
							<li><a href="#">合作说明</a></li>
							<li><a href="#">广告投放</a></li>
							<li><a href="#">联系我们</a></li>
							<li><a href="#">用户协议</a></li>
							<li><a href="#">侵权投诉</a></li>
							<li><a href="#">廉洁举报</a></li>
						</ul>
						<div class="clear_float">
							
						</div>
					</div>
				</div>
				
				<div class="right_theme_div right_theme_div_bgc border_top_2">
					<div class="right_in_div">
						<p class="right_title">友情链接</p>
						<ul class="detail">
							<li><a href="#">关于头条</a></li>
							<li><a href="#">加入头条</a></li>
							<li><a href="#">媒体报道</a></li>
							<li><a href="#">媒体合作</a></li>
							<li><a href="#">产品合作</a></li>
							<li><a href="#">合作说明</a></li>
							<li><a href="#">广告投放</a></li>
							<li><a href="#">联系我们</a></li>
							<li><a href="#">用户协议</a></li>
							<li><a href="#">侵权投诉</a></li>
							<li><a href="#">廉洁举报</a></li>
						</ul>
						<div class="clear_float">
							
						</div>
					</div>
				</div>
				
				
				<div class="right_theme_div right_theme_div_bgc">
					<div class="right_in_div">
						<div class="copyright">
							
							
							<ul class="detail">
								<li><a href="#">&copy; 2017 今日头条</a></li>
								<li><a href="#">中国互联网举报中心 京ICP证140141号</a></li>
								<li><a href="#">京ICP备12025439号-3 网络文化经营许可证</a></li>
								<li><a href="#">京-非经营性-2016-0081</a></li>
								<li><a href="#">互联网药品信息服务资格证书</a></li>
								<li><a href="#">跟帖评论自律管理承诺书</a></li>
								<li><a href="#">违法和不良信息举报：010-58341833</a></li>
								<li><a href="#">公司名称：北京字节跳动科技有限公司</a></li>
							</ul>
							<div class="clear_float">
								
							</div>
						</div>
					</div>
				</div>
				
				
			</div>
			
			
			
			<div class="clear_float">
				
			</div>
		</div>
	
	<script type="text/javascript">
		$(document).ready(function(){
			
//			  $("detail a").mouseover(function(){
//			     $(this).css("color","#406599");
//			  });
//			  $("detail a").mouseout(function(){
//			     $(this).css("color","#777777");
//			  });
//			  $("li.news_type a").mouseover(function(){
//			     $(this).css("color","orange");
//			  });
//			  $("li.news_type a").mouseout(function(){
//			     $(this).css("color","orange");
//			  });
//			  
			  $(".msg .close img").click(function(){
			     $(".msg").hide(1000);
			  	});
			  	
			  	$(".search_input").focusin(function(){
			  		$(".search").css("border-color","#ed4040");
			  	});
			  	$(".search_input").focusout(function(){
			  		$(".search").css("border-color","#E8E8E8");
			  	});
			
		});
		window.onload = function(){
			var txt = document.getElementsByClassName("hot_picture_title");
			var textLeng = 30;
			for (var i=0;i < txt.length; i++) {
				str = txt[i].innerHTML;
				if(str.length > textLeng ){
					txt[i].innerHTML = str.substring(0,textLeng )+"...";
				}
			}
			
		}
	</script>
		
	</body>
</html>
